草庐IT

前端 PM

全部标签

node.js - 使用 PM2,如何将我的 node.js 应用程序部署到同一服务器上的多个环境和端口?

我有一个用于Node应用程序的生态系统.json文件,我使用PM2进行部署.我尝试了很多不同的方式来配置它,但没有运气实现我的目标:能够部署到生产环境或临时环境(目前都在同一台服务器上)。部署到其中一个时,另一个也应保持运行。这2个不同的环境应该在不同的端口上(prod=8000,staging=3000)发生的情况是我首先运行的部署命令获胜。因此,如果我执行pm2deployproduction然后pm2deploystaging,则只有生产应用程序/端口组合在服务器上运行,反之亦然,如果我切换顺序。编辑:如果我使用下面的conf,将有2个应用程序在pm2status中运行,但如果我

node.js - 服务器身份验证后如何为前端提供 JSON Web token ?

到目前为止,我只处理了服务器呈现的应用程序,在用户通过用户名/密码或使用OAuth提供程序(Facebook等)登录后,服务器只是在重定向到相关页面时设置sessioncookie。但是现在我正在尝试使用更“现代”的方法构建应用程序,前端使用React,后端使用JSONAPI。显然,对此的标准选择是使用JSONWebtoken进行身份验证,但是我无法弄清楚如何将JWT提供给客户端,以便可以将其存储在session/本地存储或任何地方。举例说明:用户点击链接(/auth/facebook)通过Facebook登录用户被重定向并显示Facebook登录表单和/或权限对话框(如有必要)Fac

node.js - 服务器身份验证后如何为前端提供 JSON Web token ?

到目前为止,我只处理了服务器呈现的应用程序,在用户通过用户名/密码或使用OAuth提供程序(Facebook等)登录后,服务器只是在重定向到相关页面时设置sessioncookie。但是现在我正在尝试使用更“现代”的方法构建应用程序,前端使用React,后端使用JSONAPI。显然,对此的标准选择是使用JSONWebtoken进行身份验证,但是我无法弄清楚如何将JWT提供给客户端,以便可以将其存储在session/本地存储或任何地方。举例说明:用户点击链接(/auth/facebook)通过Facebook登录用户被重定向并显示Facebook登录表单和/或权限对话框(如有必要)Fac

前端性能测试 WebPagetest功能

WebPagetest功能简介WebPagetest,是前端性能测试的利器:可以为我们提供全方位的量化指标,包括页面的加载时间、首字节时间、渲染开始时间、最早页面可交互时间、页面中各种资源的字节数、后端请求数量等一系列数据;还可以自动给出被测页面性能优化水平的评价指标,告诉我们哪些部分的性能已经做过优化处理了,哪些部分还需要改进;同时,还能提供Filmstrip视图、Waterfall视图、Connection视图、Request详情视图和页面加载视频慢动作。可以说,WebPagetest为我们提供了前端页面性能测试所需要的一切,而且还是免费的。接下来,我们就通过测试一个具体的网站,实践一下它

解决前端跨域的几种方法

一、跨域报错        在我们实际开发过程中,都有遇到过跨域的问题,跨域报错如下:二、为什么会报跨域?        跨域的本质是浏览器基于同源策略的一种安全手段,主要是考虑到用户的信息安全。何为同源策略呢?同源策略是一种约定,它是浏览器最核心也最基本的安全功能。所谓同源(即指在同一个域)具有以下三个相同点:协议相同、域名相同、端口相同。        反之非同源请求,也就是协议、端口、主机其中一项不相同的时候,这时候就会产生跨域。跨域是浏览器的限制,拦截的是响应而非请求。我们用抓包工具抓取接口数据,可以看到接口已经把数据返回来了,只是由于浏览器的限制我们获取不到数据。另外,并不是所有的跨

《前端bug齁逼多,真假开发说》2023/4/10-2023/4/18问题汇总

1高德地图运行抱错  INVALID_USER_SCODE 这里是错误信息对应原因 错误信息列表-参考手册-地图JSAPI|高德地图API 这里是高德地图api设置说明  准备-入门-教程-地图JSAPI|高德地图API   如果你自己能排查出错误那不用看我的,如果都写的对还是抱错那不妨试试我说的a) 上面2段代码的顺序要正确。即先有上面设置serviceHost后有下面引入高德的jsapib)如果还不好使。不妨试试将上面的这2段代码 放到标签里。到这里基本就好使了对了高德key个人账号上线只能申请25个2钉钉小程序和微信小程序 之前写过自动转换文章和工具 有需要的可以去看钉钉小程序自动转微信

24 个高级 Web 前端开发工程师都应该掌握的强大HTML 属性

HTML的属性有很多,除了一些基本的属性外,还有很多有用而且特别强大的属性;本文将介绍24个强大的HTML属性,它们可以使您的网站更具活力和交互性,让用户感到更加舒适和愉悦。让我们一起探索这24个强大的HTML属性吧!1.AcceptAccept属性用于指定浏览器可以处理的MIME类型列表。tips:MIME类型是识别文档类型的标准,例如,text/html表示一个HTML文档,image/jpeg表示一个JPEG图像,等等。通过在HTTP请求标头中包含Accept属性,浏览器可以告诉服务器它可以接受哪些MIME类型作为响应。基于这些信息,服务器可以选择最合适的响应类型并将其返回给浏览器。Ac

javascript - PM2(Node.js)未监听指定端口

我正在尝试在PM2上启动并运行Node/Express应用程序。我可以使用以下命令启动应用程序:npmstart这会在端口3000上启动应用程序。如果我尝试使用pm2startapp.js启动应用程序,我会在日志中看到以下内容:{online:true,success:true,pid:10714,pm2_version:'0.8.15'}2014-06-12T19:52:06.789Z:[[[[PM2/Goddaemonlaunched]]]]2014-06-12T19:52:06.800Z:RPCinterface[READY]on6666:localhost2014-06-12T

javascript - PM2(Node.js)未监听指定端口

我正在尝试在PM2上启动并运行Node/Express应用程序。我可以使用以下命令启动应用程序:npmstart这会在端口3000上启动应用程序。如果我尝试使用pm2startapp.js启动应用程序,我会在日志中看到以下内容:{online:true,success:true,pid:10714,pm2_version:'0.8.15'}2014-06-12T19:52:06.789Z:[[[[PM2/Goddaemonlaunched]]]]2014-06-12T19:52:06.800Z:RPCinterface[READY]on6666:localhost2014-06-12T

【前端】Vue+Element UI案例:通用后台管理系统-Echarts图表准备:axios封装、mock数据模拟实战

文章目录axios封装请求首页数据mock模拟数据mock相关数据tableData柱状图:userData饼图:videoData效果总代码参考视频:VUE项目,VUE项目实战,vue后台管理系统,前端面试,前端面试项目案例链接【前端】Vue+ElementUI案例:通用后台管理系统-导航栏(视频p1-16)https://blog.csdn.net/karshey/article/details/127640658【前端】Vue+ElementUI案例:通用后台管理系统-Header+导航栏折叠(p17-19)https://blog.csdn.net/karshey/article/de